<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
    <style>
        body {
            background: #f6f6f6;
            color: #000;
            font: 12px/1.5 'Microsoft YaHei', 'Arial', 'å¾®è½¯é›…é»‘', 'SimSun', 'å®‹ä½“';
        }

        .header { /* 头部第一行*/
            height: 120px;
            width: 100%;
            background: #006bb7;
        }

        .header_main {
            position: relative;
            height: 80px;
        }

        .header_logo {
            height: 80px;
            float: left;
            overflow: hidden;
            margin-left: 30px;
            margin-top: 10px;
        }

        .header_logo > #i1 {
            float: right;
            margin-top: 18px;
            margin-left: 15px;
        }

        .header_button {
            padding-top: 10px;
            height: 70px;
            float: right;
        }

        .header_button a {
            height: 19px;
            border: 0 !important;
            float: left;
            padding: 0 20px 0 0;
            text-decoration: none;
            display: block;
            color: white;
        }

        a:hover {
            color: #2464B5;
            outline: none;
            text-decoration: none;
        }

        .nav_index {
            padding-left: 30px;
            height: 40px;
            background: none;
            position: relative;
            width: auto;

        }
        ul{
            padding: 0;
            list-style-type: none;
            margin-bottom: 12px;
        }

        .nav_wrap > ul > li {
            padding: 5px 15px 0 10px;
            height: 35px;
            color: white;
            font-size: 16px;
            float: left;
        }
       a{
           color: white;
           text-decoration: none;
       }
       .nav_wrap{
           margin-bottom: 10px;
       }
    </style>
</head>
<body>
<div>
    <div class="header">
        <div class="header_main">
            <div class="header_logo">
                <img src="https://mat1.gtimg.com/chinanba/images/nbalogo/nba-icon.png" alt="" width="250px"
                     height="70.99px">
                <img id="i1" src="https://mat1.gtimg.com/chinanba/images/nbalogo/nba-com-icon.png" alt=""
                     width="60.71px"
                     height="23">
            </div>
            <div class="header_button">
                <span><a href=""><img src="https://mat1.gtimg.com/chinanba/images/nbalogo/ball-fans-icon-pc.png" alt=""></a></span>
                <span><a href=""><img src="https://mat1.gtimg.com/chinanba/images/nbalogo/jrnba-icon-pc.png" alt=""></a></span>
                <span><a href=""><img src="	https://mat1.gtimg.com/chinanba/images/nbalogo/nbaapp-icon-pc.png"
                                      alt=""></a></span>
                <span><a href=""><img
                        src="	https://mat1.gtimg.com/qqcdn/chinanba/web/static/styles/images/logo_nbaplayzone.png"
                        alt=""></a></span>
            </div>
        </div>
        <div class="nav_index">
            <div class="nav_wrap">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">视频</a></li>
                    <li><a href="">新闻</a></li>
                    <li><a href="">图集</a></li>
                    <li><a href="">球队</a></li>
                    <li><a href="">赛程</a></li>
                    <li><a href="">排名</a></li>
                    <li><a href="">数据</a></li>
                    <li><a href="">专题</a></li>
                    <li><a href="">不止篮球</a></li>
                    <li><a href="">更多</a></li>
                </ul>
            </div>

            <div class="side_search-ipt">
                <input type="text" placeholder="搜全文">
            </div>
            <div></div>
        </div>
    </div>
    <div id="i2">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div id="i3">
        <div><img src="" alt=""></div>
        <div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div></div>
    </div>
    <div id="i4">
        <div></div>
        <div></div>
    </div>
    <div id="i5">
        <div id="i5_1">
            <div>
                <div></div>
                <div></div>
            </div>
            <div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <div id="i5_2"></div>
    </div>
</div>
</body>
</html>